<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>加油学习</title>

	<style type="text/css">
		
	</style>
</head>
<body>
	<h1>段落</h1>
	<p>
		<strong>
		<em>
			我很&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;努力
		</em>
	</strong>
	</p>

	接着来，讲解一个标签，叫&lt;div&gt;
	
	<div>
		a<br><br>b
	</div>
	
	<hr>



	<div style="width:100px;height:100px;background-color:red;">1231qw eqwyoias hdas h ydoia whoqiwheq ytojlzxncoiue</div>

	
	<br>
	<!-- type 1 a A i I-->
	<ol type="i" reversed="reversed" start="2">
		<li>gogogo</li>
		<li>无敌</li>
		<li>美丽人生</li>
		<li>海贼王</li>
	</ol>

	<!-- type circle ...-->
	<ul>
		<li>草莓</li>
		<li>苹果</li>
		<li>菠萝</li>
	</ul>


	<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525863658&di=64655181e80fd99964ee6f3c1ec8a964&imgtype=jpg&er=1&src=http%3A%2F%2Fp2.gexing.com%2FG1%2FM00%2F6E%2F07%2FrBACE1MtT56RfvayAAgTtCEDGtI133.jpg" style="width:200px">
	<br>
	<img src="ace.png" style="width:200px" title="大海贼"ace.png" style="width:200px">">
	<br>
	<img src="ace.pg" style="width:200px" alt="这是内容">
	<br>
	1.网上的url
	2.本地的相对路径
	<br>

	<!-- a标签 超链接 锚点 打电话发邮件 协议限定符-->
	<a href="#demo1">find demo1</a><br>
	<a href="#demo2">find demo2</a><br>
	<a href="https://wwww.baidu.com" target="_blank">wwww.baidu.com</a><br>
	
	<a href="tel:18300601911"></a>18300601911<br>
	<a href="mailto:z672233580@163.com"></a>给自己发邮件<br>
	
	<a href="javascript:while(1){alert('来来来')}">点点点</a>

	

	<form method="get" action="http://wwww.baidu.com" target="_blank">
		<p>
			username:<input type="text" name="username" placeholder="请输入用户名" onfocus="this.placeholder=''" onblur="this.placeholder = '请输入用户名'" >
		</p>
		<p>
			password:<input type="password" name="password" placeholder="请输入密码">
		</p>

		<p>
			<input type="submit" name="登录" value="登录">
		</p>
		

	</form>

	<form method="get" target="">
		<p>
			海贼王<input type="radio" name="动漫" value="海贼王" checked="checked"><br>
			火&nbsp;&nbsp;&nbsp;&nbsp;影<input type="radio" name="动漫" value="火影"><br>
			犬夜叉<input type="radio" name="动漫" value="犬夜叉"><br>
		</p>
		<p>
			<input type="submit" name="单选" value="我喜欢">
		</p>
	</form>

	<form method="get" target="">
		<p>
			<SELECT name = "国家">
				<option value = "中国">河南</option>
				<option value = "中国">河北</option>
				<option value = "荷兰">荷兰</option>
			</SELECT>
		</p>
		<p>
			<input type="submit" name="单选" value="我喜欢">
		</p>
	</form>


	<form method="get" target="">
		<p>
			海贼王<input type="checkbox" name="动漫" value="海贼王"><br>
			火&nbsp;&nbsp;&nbsp;&nbsp;影<input type="checkbox" name="动漫" value="火影"><br>
			犬夜叉<input type="checkbox" name="动漫" value="犬夜叉"><br>
		</p>
		<p>
			<input type="submit" name="多选" value="我喜欢">
		</p>
	</form>



	<div id="demo1" style="width:100px;height:100px;background-color:green;">demo1</div>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<div id="demo2" style="width:100px;height:100px;background-color:red;">demo2</div>

	


</body>
</html>